html, body{
  height: 100%;
  margin: 0;
  padding: 0;
}
.login-container {
display: flex;
align-items: center;
width: 100%;
height: 100%;
margin: 0 auto;
background: url("/static/img/login.png");
background-color: #0e6cff;
position: relative;
background-size: cover;
height: 100vh;
background-position: center center;
}
.login-weaper {
margin: 0 auto;
width: 1000px;
box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.4);
.el-input-group__append {
  border: none;
}
}

.login-left,
.login-border {
position: relative;
min-height: 500px;
align-items: center;
display: flex;
}
.login-left {
border-top-left-radius: 5px;
border-bottom-left-radius: 5px;
justify-content: center;
flex-direction: column;
background-color: rgba(64, 158, 255, 0);
color: #fff;
float: left;
width: 50%;
position: relative;
}
.login-left .img {
width: 400px;
animation: bounce-l 2s infinite linear;
-webkit-animation: bounce-l 2s infinite linear;
}
.login-time {
position: absolute;
left: 25px;
top: 25px;
width: 100%;
color: #fff;
font-weight: 200;
opacity: 0.9;
font-size: 18px;
overflow: hidden;
font-weight: 500;
}
.login-left .title {
text-align: center;
color: #fff;
font-weight: 300;
letter-spacing: 2px;
font-size: 25px;
font-weight: 600;
}
.login-captcha{
width: 60%!important;
}
.login-border {
border-left: none;
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
color: #fff;
background-color: rgba(255, 255, 255, 0.9);;
width: 50%;
float: left;
box-sizing: border-box;
}
.login-main {
margin: 0 auto;
width: 65%;
box-sizing: border-box;
}
.login-main > h3 {
margin-bottom: 20px;
}
.login-main > p {
color: #76838f;
}
.login-title {
color: #333;
margin-bottom: 40px;
font-weight: 500;
font-size: 22px;
text-align: center;
letter-spacing: 4px;
}
.login-menu {
margin-top: 40px;
width: 100%;
text-align: center;
a {
  color: #999;
  font-size: 12px;
  margin: 0px 8px;
}
}
.login-submit {
width: 100%;
height: 45px;
border: 1px solid #409EFF;
background: none;
font-size: 18px;
letter-spacing: 2px;
font-weight: 300;
color: #409EFF;
cursor: pointer;
margin-top: 30px;
transition: 0.25s;
}
.login-form {
margin: 10px 0;
i {
  color: #333;
}
.el-form-item__content {
  width: 100%;
}
.el-form-item {
  margin-bottom: 12px;
}
.el-input {
  input {
    padding-bottom: 10px;
    text-indent: 5px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #333;
    border-bottom: 1px solid rgb(235, 237, 242);
  }
  .el-input__prefix {
    i {
      padding: 0 5px;
      font-size: 16px !important;
    }
  }
}
}
.codeInput{
width: 50%!important;
}
.code{
width: 50%;
float: right;
height: 40px;
}
#particles-js{
z-index: 1;
width: 100%;
height: 100%;
position: absolute;
}